<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Converter</title>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<h1>Конвертер температуры</h1>

<label>Введите значение температуры:</label><br/>
<input type="text" id="insertTemp" size="30"/><br/>
<label>Конвертировать в шкалу, по:</label><br/>

<select id="scale">
    <option>
    </option>
    <option value="Celsius">Celsius
        <message key="select.ScaleCelsius"/>
    </option>
    <option value="Fahrenheit">Fahrenheit
        <message key="select.ScaleCelsius"/>
    </option>
</select>
<input type="button" value="Конвертировать" onClick="sendAjax();"/>
<br/>
<label>Результат:</label><br/>
<p id="res">...</p>

<script type="text/javascript">

    function sendAjax() {
        alert("Request sending to server!");
        $().ready(function(){
            $.ajax({
                url: "/server1",
                data: {"temp": $("#insertTemp"), "scale": $("#scale")},
                dataType: "json",
                success: function (result) {
                    $("#res").html(result)
                }
            });
        });
    }
</script>

</body>
</html>